<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/index.css" >
</head>

<body>
<div class="layui-layout layui-layout-admin">
    <!-- 头部水平导航-->
    <div class="layui-header layui-header-set" id="aly-nav">
        <div class="layui-logo">后台管理</div>
        <ul class="layui-nav layui-bg-molv layui-layout-left" lay-filter="">
            <li class="layui-nav-btn"><i class="layui-icon layui-icon-shrink-right"></i></li>
            <li class="layui-nav-item"><a href="">最新活动</a></li>
            <li class="layui-nav-item layui-this"><a href="">产品</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">解决方案</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right" lay-filter="navUser">
            <li class="layui-nav-item">
                <a href="javascript:;">消息<span class="layui-badge-dot"></span></a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">
                <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                <span class="nav-admi-name">管理员</span>
                </a>
                <dl class="layui-nav-child">
                <dd><a href="javascript:;">基本资料</a></dd>
                <dd><a href="javascript:;" lay-href="./iframe/res-index-pwd.html" data-id="100001" data-click>修改密码</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:;" data-logout>退出</a></li>
        </ul>
    </div>
    <!-- 垂直导航 -->
    <!-- 
        自定义属性说明:
        { lay-href }   iframe子窗口地址
        { data-id }    tab唯一标识
        { data-click } 是否要链接子窗口
        { data-power } 设置相关权限
     -->
    <ul class="layui-nav layui-nav-tree layui-nav-float" lay-shrink="" lay-filter="test">
        <li class="layui-nav-item layui-this"><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-home"></i>首页</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-add-circle"></i>商品管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;" lay-href="./iframe/category.html" data-id="1001" data-power="goods_classify" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>商品分类</a></dd>
                <dd><a href="javascript:;" lay-href="./iframe/goods.html" data-id="1002" data-power="goods_details" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>商品详情</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-form"></i>订单管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;" lay-href="" data-id="1101" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试1</a></dd>
                <dd>
                    <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试2</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" lay-href="" data-id="1102" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试1 </a></dd>
                        <dd><a href="javascript:;" lay-href="" data-id="1103" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试2</a></dd>
                        <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试3</a></dd>
                    </dl>
                </dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试3</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-picture-fine"></i>图片管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试1</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试2</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试3</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-user"></i>会员管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试1</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试2</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试3</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-set-fill"></i>系统管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试1</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试2</a></dd>
                <dd><a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-right"></i>测试3</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><i class="layui-icon-nav layui-icon layui-icon-username"></i>管理员管理</a>
            <dl class="layui-nav-child layui-nav-indent">
                <dd><a href="javascript:;" lay-href="./iframe/res-admi.html" data-id="1601" data-power="admi_add" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>添加管理员</a></dd>
                <dd><a href="javascript:;" lay-href="./iframe/sys_user.html" data-id="1602" data-power="admi_admi" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>管理员</a></dd>
                <dd><a href="javascript:;" lay-href="./iframe/admi_power.html" data-id="1603" data-power="admi_operate" data-click><i class="layui-icon-nav layui-icon layui-icon-right"></i>管理员权限</a></dd>
            </dl>
        </li>
    </ul>
    <!-- 右侧tab -->
    <div class="layui-tab layui-tab-brief layui-tab-float" lay-allowClose="true" lay-filter="demo" >
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="111">首页</li>
        </ul>
        <!-- 右侧主体内容 -->
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src="./iframe/goods.html"></iframe>
            </div>
        </div>
    </div>

</div>



<script src="./layui/layui.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/index-nav-login.js"></script>
<script>
   
</script> 
</body>
</html>
<script src="./js/index.js"></script>